<template>
    <div class="empty flex-col center w-full">
        <img class="img" :src="iconEmptyShi" alt="暂无数据">
        <div class="empty-text">{{ props.message || '暂无数据' }}</div>
    </div>
</template>

<script lang="ts" setup>
import iconEmptyShi from '@/Assets/Images/iconEmptyShi.svg';

const props = defineProps<{
    message?: string;
}>();
</script>

<style lang="scss" scoped>
.empty {
    .img {
        width: 120px;
        height: 120px;
        margin-top: 122px;
    }
    .empty-text {
        color: #A6A6A6;
        margin-top: 20px;
    } 
}
</style>